<template>
  <div>
    <ul class="infinite-list" v-infinite-scroll="load" style="overflow:auto">
      <li v-for="item in seller.infos" class="infinite-list-item" v-bind:key="item.id">
        {{ item }}
      </li>
    </ul>
  </div>
</template>

<script>
import {mapGetters, mapActions} from 'vuex'
export default {
  name: 'Seller',
  computed: {
    ...mapGetters(['seller'])
  },
  methods: {
    ...mapActions(['getSeller']),
    load () {
      this.count += 2
    }
  },
  created () {
    // eslint-disable-next-line no-unused-vars
    const getSeller = this.getSeller()
  },
  data () {
    return {
      count: 0
    }
  }
}
</script>

<style scoped>

</style>
